<template>
  <div class="progress-container">
    <div class="progress-header">
      <h3>测试生成进度</h3>
      <span>{{ progress }}%</span>
    </div>
    <div class="progress-bar">
      <div class="progress-fill" :style="{ width: progress + '%' }"></div>
    </div>
    <p v-if="status" style="margin-top: 10px; color: var(--text-secondary);">
      <i class="fas fa-info-circle"></i> {{ status }}
    </p>
  </div>
</template>

<script>
export default {
  name: 'ProgressBar',
  props: {
    progress: {
      type: Number,
      default: 0
    },
    status: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>
/* Styles are inherited from parent */
</style>